<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="./font/iconfont.css" rel="stylesheet">
    <link href="./css/font-awesome.css" rel="stylesheet">
    <link href="./css/home.css" rel="stylesheet">
    <script src="./font/iconfont.js"></script>
</head>

<body>
    <div class="bk">
        <header>
            <div class="left">
                <a href="./login.html" target="_top"> <span>登录</span></a>
                <span>快捷出行就在12306</span>
            </div>
            <div class="right">
                <i class="fa fa-search"></i>
                <input type="text" placeholder="积分会员">
                <div><i class="iconfont icon-saoma" style="font-size: 30px;"></i></div>
                <div><i class="iconfont  icon-xinxi" style="font-size: 16px;"></i></div>
            </div>
        </header>
    </div>
    <div class="show-ticket">
        <div class="ticket-search">
            <div class="container">
                <div class="address">
                    <span>广州</span>
                    <i class="fa fa-subway"></i>
                    <span>南京</span>
                </div>
                <hr>
                <div class="date">
                    <span class="month">7月29日</span>
                    <span>周四</span>
                </div>
                <hr>
                <div class="choice">
                    <div>
                        <span>只看高铁/动车</span>
                        <input type="checkbox">
                    </div>
                    <div>
                        <span>学生票</span>
                        <input type="checkbox">
                    </div>
                </div>
                <button class="search"> 查询车票</button>
                <div class="show">
                    <ul>
                        <li>广州--南京</li>
                        <li>祁阳--长沙</li>
                        <li>长沙--祁阳</li>
                        <li>清除历史</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="show-item">
        <ul>
            <li>
                <i class="iconfont icon-rili-copy"></i>
                <span>车站大屏</span>
            </li>
            <li>
                <i class="fa fa-ticket"></i>
                <span>计次.定期票</span>
            </li>
            <li>
                <i class="iconfont icon-qia"></i>
                <span>铁路e卡通</span>
            </li>
            <li>
                <i class="iconfont icon-fuwu"></i>
                <span>温馨服务</span>
            </li>
            <li>
                <i class="iconfont icon-jipiao"></i>
                <span>空联铁运</span>
            </li>
            <li>
                <i class="iconfont icon-che"></i>
                <span>约车</span>
            </li>
            <li>
                <i class="iconfont icon-rili-copy"></i>
                <span>铁路游</span>
            </li>
            <li>
                <i class="iconfont icon-gerenzhongxin-"></i>
                <span>酒店住宿</span>
            </li>
            <li>
                <i class="iconfont icon-canyin"></i>
                <span>餐饮特产</span>
            </li>
            <li>
                <i class="iconfont icon-cart"></i>
                <span>铁路商城</span>
            </li>
            <li>
                <i class="iconfont icon-dunpai"></i>
                <span>出行保险</span>
            </li>
            <li>
                <i class="iconfont icon-duosefuzhu-gengduotiaojian"></i>
                <span>更多</span>
            </li>
        </ul>
    </div>
    <div class="section">
        <h3>热门资讯</h3>
        <span>7月29日列车停运信息(持续更新)</span>
    </div>
    <div class="mall">
        <h3>铁路商城</h3>
        <span>更多
            <i class="fa fa-angle-right"></i>
        </span>
    </div>
    <div class="crousle">
        <div class="img-container">
            <div>
                <img src="./images/11.jpg">
                <span>湖北馆</span>
            </div>
            <div>
                <img src="./images/22.jpg">
                <span>河南馆</span>
            </div>
            <div>
                <img src="./images/33.jpg">
                <span>宁夏馆</span>
            </div>

        </div>
    </div>
    <div class="hotel">
        <h3>酒店预订</h3>
        <span>官方保障，住宿无忧</span>
    </div>
    <div class="hotel-show">
        <div class="hotel-item">
            <img src="./images/hotel1.jpg">
            <div class="totel-info">
                <h3>南通逸晨精品酒店</h3>
                <span>舒适火车用户</span>
                <span>130.0<span style="color: salmon;font-size: .75rem;margin-left: .1875rem;">起</span></span>
            </div>
        </div>
        <div class="hotel-item">
            <img src="./images/hotel2.jpg">
            <div class="totel-info">
                <h3>逸晨主题公寓</h3>
                <span>舒适火车用户+十亿豪宅</span>
                <span>122.0<span style="color: salmon;font-size: .75rem;margin-left: .1875rem;">起</span></span>
            </div>
        </div>
        <div class="hotel-item">
            <img src="./images/hotel3.jpg">
            <div class="totel-info">
                <h3><a href="hotel.html" target="_top">桔子酒店</a></h3>
                <span>全新装修酒店</span>
                <span>292.0<span style="color: salmon;font-size: .75rem;margin-left: .1875rem;">起</span></span>
            </div>
        </div>
        <div class="hotel-item">
            <img src="./images/hotel4.jpg">
            <div class="totel-info">
                <h3>南通程悦咖啡宾馆</h3>
                <span>舒适火车用户+十亿豪宅</span>
                <span>170.0<span style="color: salmon;font-size: .75rem;margin-left: .1875rem;">起</span></span>
            </div>
        </div>
        <div class="hotel-item">
            <img src="./images/hotel5.jpg">
            <div class="totel-info">
                <h3>汉庭优佳酒店</h3>
                <span>舒适火车用户+十亿豪宅</span>
                <span>340.0<span style="color: salmon;font-size: .75rem;margin-left: .1875rem;">起</span></span>
            </div>
        </div>
        <div class="hotel-item">
            <img src="./images/hotel6.jpg">
            <div class="totel-info">
                <h3>仙都酒店</h3>
                <span>舒适火车用户+十亿豪宅</span>
                <span>150.0<span style="color: salmon;font-size: .75rem;margin-left: .1875rem;">起</span></span>
            </div>
        </div>
    </div>
</body>

</html>